<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Recommend Me Music</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery00.js"></script> 
<script type="text/javascript" src="js/jquery01.js"></script>		
<script type="text/javascript" src="js/coin-sli.js"></script>
<script type="text/javascript">
$(document).ready(function(){$('#coin-slider').coinslider({ 
width:900,height:300,navigation:true,effect:'random',//random, swirl, rain, straight
delay:3000//Delay between transitions
});});
</script>
<script type="text/javascript" src="js/function.js"></script>
<style type="text/css">
.auto-style1 {
	font-weight: bold;
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	background-image: url('images/twitpic.png');
	background-repeat: no-repeat;
	background-position: left 20%;
}
</style>
</head>
<body class="noJs">
	<div class="container">
		<div id="header">
			<div class="wrap">
				<div class="logo">
					<a href="start.html" title="Recommend Me Music">Recommend Me Music</a>
				</div>
				<ul id="nav">
					<li class="current"><a href="#">Home</a></li>
					<li><a href="team.html">TEAM</a></li>
					<li><a href="privacy.html">PRIVACY</a></li>
					<li><a href="reportabug.html">REPORT A BUG</a></li>
				</ul>
			</div>
		</div>
		<div class="separator"></div>
		<div id="slider_container">
			<div class="wrap">
				<div id="coin-slider">
					<a href="#">
						<img src="images/f1.jpg" alt="" />
						<span><strong>Tired of your playlist?</strong>  </span>
					</a>
					<a href="#">
						<img src="images/f2.jpg" alt="" />
						<span><strong>Same old songs?</strong>  </span>
					</a>
					<a href="#">
						<img src="images/f3.jpg" alt="" />
						<span><strong>Discover something new!</strong>  </span>
					</a>
					<a href="#">
						<img src="images/f4.jpg" alt="" />
						<span><strong>On what you already like.</strong>  </span>
					</a>
				</div>
			</div>
		</div>
		<div class="separator"></div>
		<div class="columns">
			<div class="wrap">
				<div class="oneOfThree first" style="height: 133px; width: 279px;">
					<p></p>
					<div id="button">
      				<a href="https://recommendmemusic.appspot.com"><img alt="Fbconnect" src="images/fbconnect.png"></img></a></div>					
    				<p class="twoOfThree last headline" style="width: 267px; height: 2px; font-size: large; color: #FFFFFF;">
					&nbsp;Give it a try!</p>
					
				</div>
				<div class="twoOfThree last headline" style="width: 553px">
					<h1>Recommend Me Music!</h1>
					<p><span>Recommend Me Music recommends you new music based 
					on what you like and post on facebook. For higher usability 
					and accurate results,&nbsp;we encourage you to like your 
					favourite music and artists on facebook.</span></p>
				</div>
				<br />
			</div>
			<div class="separator"></div>
			<div class="wrap">
				<div class="oneOfThree first" style="height: 370px">
					<h2>Testimonials</h2>
					<p>Send us your feedback and get a chance to be featured on the start page!
					</p>
					<blockquote>
						"<span>&nbsp;Its really an amazing app , whenever you want to 
						listen to music , a good song is just 2 clicks away !!!!</span>&quot;
						<cite>Divij Wadhawan<em><a href="https://www.facebook.com/reviews/see_all.php?of=120608684706570" target="_newtab">Facebook Review</a></em></cite><br />
						"<span>Nice Work Guys !!!</span><br />
						<span>My 1st recommendation : &#39;Mohombi - Dirty Situation 
						ft. Akon&#39;</span><br /><span>Such A fitting song in all dimensions !!</span>&quot;
						<cite>Apurv Mehra <em>
						<a href="https://www.facebook.com/permalink.php?story_fbid=188764021206704&amp;id=765299845" target="_newtab">Facebook Post</a></em></cite>
					</blockquote>
				</div>
				<div class="oneOfThree" style="height: 382px">
					<h2>Like us on facebook</h2>
										
					<iframe src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fapps%2Fapplication.php%3Fid%3D120608684706570&amp;width=252&amp;height=342&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=white&amp;stream=false&amp;header=false&amp;appId=120608684706570" scrolling="no" frameborder="0" style="border-style: none; border-color: inherit; border-width: medium; overflow:hidden; width:252px; height:380px;" allowTransparency="true"></iframe>					
					<p>&nbsp;</p>
					
				</div>
				<div class="oneOfThree last" style="height: 370px">
					<h2 class="twitter">Tweet, tweet!</h2>
					<div id="twitter_box">
						Loading tweet...
					</div>
					<a href="https://twitter.com/rmm_iiitd" target="_newtab" >
					<span class="auto-style1">Follow Us!</span></a>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<div class="container">
			<div class="wrap">
				<div class="footer_logo">
					<a href="start.html" title="Recommend Me Music">Recommend Me Music</a>
				</div>
				<ul id="footer_nav">
					<li class="current"><a href="#">Home</a></li>
					<li><a href="team.html">TEAM</a></li>
					<li><a href="privacy.html">PRIVACY</a></li>
					<li><a href="reportabug.html">REPORT A BUG</a></li>
				</ul>
			</div>
		</div>
		<div class="clear"></div>
	</div>
</body> 
</html>
